<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Administración del Catalogo" />
            <ui:define name="body">
                <rich:panel  id="pnEdit">
                    <f:facet name="header" >
                        Reporte Compras por Cliente
                    </f:facet>
                    <h:form>
                        <table BORDER="1" width="700px">
                            <tr>
                                <td>
                                    Muebles ALPES
                                </td>
                            </tr>


                            <tr>
                                <td align="left">
                                    <a4j:commandLink action="#{CatalogBean.menu}" value="Volver a la lista de reportes">
                                        <f:param name="menu" value="reportes"/>
                                    </a4j:commandLink>
                                </td>
                            </tr>

                            <tr>
                                <td>
                                    <table>
                                        <tr>
                                            <td>
                                                <h:outputText value="Documento: "/>
                                                <BR/>
                                                <h:selectOneMenu  required="true" value="#{ReportesBean.documento}">
                                                    <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                                    <f:selectItems value="#{ReportesBean.documentos}" />
                                                </h:selectOneMenu>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Fecha Generación: <h:outputText id="FechaHoy" value="#{ReportesBean.fechaHoy}"/>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <a4j:commandButton  id="consultar" value="Consultar Compras" reRender="tblCompras" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <rich:extendedDataTable id="tblCompras" value="#{ReportesBean.comprasCliente}" var="cr" >
                                        <rich:column width="200px">
                                            <f:facet name="header">
                                                Fecha
                                            </f:facet>
                                            #{cr.compra.fecha}
                                        </rich:column>
                                        <rich:column >
                                            <f:facet name="header">
                                                Valor
                                            </f:facet>
                                            #{cr.compra.valorTotal}
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">
                                                Forma de Pago
                                            </f:facet>
                                            #{cr.compra.formaPago}
                                        </rich:column>
                                        <rich:column>
                                            <f:facet name="header">
                                                Muebles
                                            </f:facet>
                                            #{cr.muebles}
                                        </rich:column>
                                    </rich:extendedDataTable>
                                </td>
                            </tr>
                        </table>
                    </h:form>
                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>

